﻿<script id="ListBookTemplate" type="text/html" >
    <div class="span-4">       
        <span data-bind="text: Title"></span>
        <br/>     
        <div class="document_thumbnail">
            <div class="standard-thumbnail" style="width: 135px">
                <div class="standard_thumbnail_shadow">
                    <a data-bind="attr: { href: '/books/details/'+ Id()}">
                        <div class="thumbnail">
                            <img class="picture-small" data-bind="attr: {src: CoverUrl}" width="180" height="200">
                            <span class="no_of_pages notranslate" data-bind="text: NumberOfPage"/>
                        </div>
                    </a>
                </div>
            </div>
            <div style="width: 135px;">
                <h4 class="clear document_title notranslate">
                    <span> uploaded by</span>
                    <a data-bind="attr: { href: '/Users/details/'+ AuthorId()}"><span class="notranslate"  data-bind="text: AuthorName"/></a>
                </h4>
                <p>
                    <span class="notranslate"  data-bind="text: View"/> Reads
                </p>
            </div>
        </div>
    </div>
</script>
<script id="GridBookTemplate" type="text/html">
    <div class="span-24">
        <img></img>
        <span data-bind="text: title"></span>
        <br/>
        <span data-bind="text: description"></span>
    </div>
</script>